<!-- 新增产品 -->

<form method="post" enctype="multipart/form-data">

<div><label>类别</label>
	<select class="easyui-combobox" name="pid" style="width:150px;">
		
			<foreach name="category" item="v">
				<option value="{$v.id}">{$v.title}</option>
			</foreach>
	</select>
</div>

<div>
	<label>产品名称</label>
	<input type="text" name="title" style="width:150px;" class="easyui-textbox"/>
</div>
<div><label>产品类别</label>
	<select class="easyui-combobox" name="pid" style="width:150px;">
		
			<foreach name="seo" item="v">
				<option value="{$v.id}">{$v.name}</option>
			</foreach>
	</select>
</div>

<div>
	<label>产品详情</label>
	<input type="text" name="content" class="easyui-textbox" style="width:150px;"/>
</div>
<div>
	<label>图片</label>
	<input type="file" name="images[]" multiple="multiple"/>
</div>
<div class="uploadimg">
<ul></ul>		
</div>
<p class="err">{$errstr}</p>
<input type="submit" value="提交" class="easyui-linkbutton" data-options="width:'70'"/>
</form>
<script>
$("input[type='file']").change(function(){  //当文件框值发生改变时引发事件
	$(".uploadimg ul li").remove();		//清除之前添加的li标签
	if(window.FileReader){		//判断游览器是否支持FileReader
		j=0;
		for(var i=0;i<this.files.length;i++){	//循环文件数组
			var fr=new FileReader;			//实例化FileReader
			fr.readAsDataURL(this.files[i]);	//读取文件，返加base64格式的文件内容
			fr.onloadend=function(e){		//当文件读取完成触发事件
				var li="<li><img src='"+e.target.result+"' style='width:100px' /><a href='javascript:;' class='delimg' >删除</a><input type='hidden' name='check[]' value='"+j+"' /></li>";
				
				$(".uploadimg ul").append(li);
				j++;
			}
		}
	}else{
		alert('您的游览器不支持图片预览');
	}
});
$(".uploadimg ul").on("click","li a",function(){
	$(this).parent().remove();
})
</script>
